<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>442面杀小助手</title>
</head>
<script>
  // 移动端自适应
  const isMobile = () => {
    return !!navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
  }
  console.log(navigator.userAgent);
  if (isMobile()) {
    (function (win) {
      if (!win.addEventListener) return;
      var html = document.documentElement;
      function setFont() {
        var clientWidth = html.clientWidth;
        html.style.fontSize = clientWidth / 750 + "px";
      }
      win.addEventListener("resize", setFont, false);
      setFont();
    })(window);
  } else {
    var html = document.documentElement;
    html.style.fontSize = 0.5 + "px";
  }
</script>

<body>
  <div id="app"></div>
  <script type="module" src="/src/main.ts"></script>
</body>

</html>